<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>办理进度</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<!--标准mui.css-->
		<link rel="stylesheet" href="../css/mui.min.css">
		<style>
			* {
				margin: 0px;
				padding: 0px;
			}
			body {
				background-color: #FFFFFF;
			}
			.mui-content {
				background-color: #FFFFFF;
			}
			.vias-process {
			    margin: 10px;
			}
			.time-axis {
			    margin: 0;
			    padding: 0;
			    position: relative;
			}
			.time-axis:before {
			    content: '';
			    position: absolute;
			    left: 70px;
			    top: 15px;
			    width: 1px;
			    height: 100%;
			    background-color: #E4E4E4;
			}
			.time-axis-item {
			    list-style: none;
			    padding-left: 95px;
			    position: relative;
			    line-height: 45px;
			    font-size: 14px;
			    color: #141414;
			}
			.time-axis-date {
			    width: 70px;
			    position: absolute;
			    left: 0;
			    top: 0;
			    color: #666;
			}
			.time-axis-date span {
			    position: absolute;
			    right: -7px;
			    top: 35%;
			    display: block;
			    width: 13px;
			    height: 13px;
			    border: 1px solid #ccc;
			    border-radius: 100%;
			    background-color: #fff;
			}
			.time-axis-date span:after {
			    content: '';
			    position: absolute;
			    left: 0;
			    top: 0;
			    right: 0;
			    bottom: 0;
			    width: 7px;
			    height: 7px;
			    margin: auto;
			    background-color: #ccc;
			    border: 1px solid #ccc;
			    border-radius: 100%;
			}
			.time-axis-achievement {
			    margin: 0;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">办理进度</h1>
		</header>
		<div class="mui-content">
			<div class="vias-process">
				 <ul class="time-axis">
				 	<li class="time-axis-item">
				 		<div class="time-axis-date">2003.10<span></span></div>
				 		<div class="time-axis-title">初涉教育行业</div>
				 		<p class="time-axis-achievement"></p>
				 	</li>
				 	<li class="time-axis-item">
				 		<div class="time-axis-date">2010.07<span></span></div>
				 		<div class="time-axis-title">总公司成立</div>
				 		<p class="time-axis-achievement"></p>
				 	</li>
				 	<li class="time-axis-item">
				 		<div class="time-axis-date">2010.12<span></span></div>
				 		<div class="time-axis-title">第一套产品《创新大学英语 . 综合教程》系列教材出版 </div>
				 		<p class="time-axis-achievement">与华东师范大学出版社战略合作（创新大学英语教学平台）</p>
				 	</li>
				 	<li class="time-axis-item">
				 		<div class="time-axis-date">2012.11<span></span></div>
				 		<div class="time-axis-title">《创新大学英语》系列教材荣获“十二五”普通高等教育本科国家级规划教材</div>
				 		<p class="time-axis-achievement"></p>
				 	</li>
				 </ul>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="../js/thirdparty/jquery-3.3.1.js" ></script>
	<script type="text/javascript" src="../js/thirdparty/mui.min.js" ></script>
	<script type="text/javascript" src="../js/thirdparty/spin.min.js" ></script>
	<script type="text/javascript" src="../js/utils/boot.js" ></script>
	<script type="text/javascript">
		var userID = base.getParameter("userID");
	</script>
</html>